<template>
  <div>
    <h2 style="color: red;">规则不允许手动修改，仅做文字说明</h2>

    <el-row gutter="20">

      <el-col :span="24">
        <el-card>
          <el-row>
            <el-col :span="3">
              <el-tag type="info">全局最优派单</el-tag>
            </el-col>
            <el-col :span="21">
              <div>
                <div v-for="(item, index) in globalOptions" :key="index" class="data-row">
                  {{ index + 1 }}. {{item}}
                </div>
              </div>
            </el-col>
          </el-row>
        </el-card>
      </el-col>

<!--      <el-col :span="24" style="margin-top: 20px;">-->
<!--        <el-card>-->
<!--          <el-row>-->
<!--            <el-col :span="2">-->
<!--              <el-tag type="info">司机偏好</el-tag>-->
<!--            </el-col>-->
<!--            <el-col :span="22">-->
<!--              <div>-->
<!--                <div v-for="(item, index) in driverPreferences" :key="index" class="data-row">-->
<!--                  {{ index + 1 }}.-->
<!--                </div>-->
<!--              </div>-->
<!--            </el-col>-->
<!--          </el-row>-->
<!--        </el-card>-->
<!--      </el-col>-->

      <el-col :span="24" style="margin-top: 20px;">
        <el-card>
          <el-row>
            <el-col :span="3">
              <el-tag type="info">相同情况</el-tag>
            </el-col>
            <el-col :span="21">
              <div>
                <div v-for="(item, index) in similarSituations" :key="index" class="data-row">
                  {{ index + 1 }}.{{item}}
                </div>
              </div>
            </el-col>
          </el-row>
        </el-card>
      </el-col>

    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      globalOptions: ['系统自动分配派单距离最近的司机', '司机的历史订单数据越多，系统越倾向于分配给他/她'],
      // driverPreferences: ['', '', '', '', '', ''],
      similarSituations: ['当多个乘客在同一位置下单时，系统可能会考虑乘客的历史评价，优先服务高评级的乘客', '在相同时间段内，若有多位乘客请求相似路线，系统会考虑将这些订单转变为拼车订单，以提高资源利用率。乘客仍可选择单独购买，根据乘客选择，提供合并折扣或优惠券，以鼓励资源共享。', '根据乘客选择，提供优惠券或积分奖励，以鼓励资源共享。']
    };
  }
};
</script>

<style scoped>
.el-col {
  margin-bottom: 20px;
}

.el-card {
  padding: 10px;
}

.data-row {
  padding: 10px;
  line-height: 30px; /* 增加行高，可以根据需要调整 */
}
</style>
